<template>
  <div class="summary">
     <div class="totalPrice">
       <span class="price">总计: {{totalPrice}}  元</span>
     </div>
     <div class="pay">
       购买
     </div>
  </div>
</template>

<script>
  export default{
    name:'',
    data(){
      return {

       }
    },
    methods:{
      getGoodsPrice(){

      },
      reserve(){

      }
    },
    computed:{

    },
    components:{

    },
    props:{
      totalPrice:{
        type:Number,
        default:0
      }
    }
  }
</script>

<style scoped>
  .summary{
    position: relative;
    display: flex;
    justify-content: space-between;

  }
  .summary::after{
    content: '';
    font-size: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .checkAll{
    display: flex;
    flex:2;
    margin-left: 5px;
  }
  .checkButton{
    margin-right: 5px;
    line-height: 50px;
  }
  .totalPrice{
    flex: 6;
  }
  .price{
    margin-left: 15px;
  }
  .pay{
    background-color: orange;
    color: white;
    font-size: 19px;
    flex: 4;
    text-align: center;
  }
</style>
